<template>
	<view class="xq">
		
		<view class="s">
		<image class="im" src="../../static/images/15.jpg"
		style="width: 170rpx;height: 170rpx;border-radius: 50%;"></image>
		<view class="mz">肖石榴</view>
		<view class="lx">联系方式:<text id="nu">1234545646</text></view>
		</view>
		
		<view class="z">
		<view class="one">
			<view id="tx">目前所在地</view>
		</view>
			<view id="count">贵阳</view>
			
		<view class="one">
			<view id="tx">工作单位</view>
		</view>
		<view id="count">国际银行</view>
		
		<view class="one">
			<view id="tx">职位</view>
		</view>
		<view id="count">软件工程师</view>
		
		<view class="one">
			<text id="tx">入校年份</text>
		</view>
		<view id="count">2017</view>
		
		<view class="one">
			<view id="tx">学历层次</view>
		</view>
			<view id="count">本科</view>
		
		<view class="one">
			<view id="tx">学制类别</view>
		</view>
			<view id="count">全日制</view>
		
		<view class="one">
			<view id="tx">所属院系</view>
		</view>
			<view id="count">数据科学与信息工程</view>
		
		<view class="one">
			<view id="tx">专业班级</view>
		</view>
			<view id="count">17软件工程1班</view>
		</view>
		
		<view class="x">
			<view class="an">
			<button class="exchange" type="primary" plain="true" >申请交换名片</button>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.xq{
		height: 100%;
		width: 100%;
	}
	.im{
		margin-top: 50rpx;
		margin-left: 41%;
	}
	.mz{
		font-size: 33rpx;
		margin-top: 10rpx;
		margin-left: 45%;	
	}
	.lx{
		margin-top: 5rpx;
		margin-left: 40%;
		font-size: 20rpx;
		color: #808080;
	}
	#nu{
		color: #007AFF;
	}
	.z{
		width: 100%;
		height: 60%;
	}
	.one{
		width: 100%;
		height: 46rpx;
		font-size: 28rpx;
		margin-top: 24rpx;
		align-items: center;
		border-bottom: 1rpx solid #C0C0C0;
		display: flex;
	}
	#tx{
		margin-left: 20rpx;
		color: #999999;
	}
	#count{
		font-size: 28rpx;
		text-align: right;
		margin-right: 20rpx;
		margin-top: -40rpx;
		
	}
	.an{
		margin-left: 30%;
		margin-top: 28rpx;
		width: 350rpx;
		border-radius: 100rpx;
	}
	.exchange{
		border-radius: 100rpx;
		height: 70rpx;
		font-size: 26rpx;
	}	
</style>
